import React, { Component, PropTypes } from 'react';

class Register extends Component{
    render(){
        return (
            <div className="modal fade" id="loginUser" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div className="modal-dialog">
                    <div className="modal-content">
                        <div className="modal-header">
                            <button type="button" className="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 className="modal-title" id="myModalLabel">登陆</h4>
                        </div>
                        <div className="modal-body">
                            <form className="form-horizontal" role="form">
                                <div className="form-group">
                                    <label htmlFor="lastname" className="col-sm-2 control-label">手机：</label>
                                    <div className="col-sm-10">
                                        <input type="text" className="form-control" id="lastname" 
                                            placeholder="请输入手机号码" />
                                    </div>
                                </div>
                                <div className="form-group">
                                    <label htmlFor="lastname" className="col-sm-2 control-label">密码：</label>
                                    <div className="col-sm-10">
                                        <input type="password" className="form-control" id="lastname" 
                                            placeholder="请输入密码" />
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div className="modal-footer">
                            <button type="button" className="btn btn-default" data-dismiss="modal">取消</button>
                            <button type="button" className="btn btn-primary">登陆</button>
                        </div>
                    </div>
                </div>
            </div> 
        )
    }
}

export default Register;